<include file="theme/functions"/>
<include file="public@header"/>
<style>
    .form-control-widget-title {
        border: none;
        padding: 0;
        margin: 0;
        font-size: inherit;
        line-height: inherit;
        background: transparent;
    }

    .form-control-widget-title:focus {
        outline: none;
        background: #fff;
    }
</style>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInUp js-check-wrap">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>组件</h5>
                    <div class="ibox-tools">
                        <a href="{:url('theme/fileSetting',['file_id'=>$file_id,'tab'=>'widget'])}" class="btn btn-primary btn-xs active">组件设置</a>
                        <a href="{:url('theme/fileSetting',['file_id'=>$file_id,'tab'=>'var'])}" class="btn btn-primary btn-xs">变量设置</a>
                    </div>
                    </div>
                        <div class="ibox-content">
                                        <form method="post" class="js-ajax-form  margin-top-20" action="{:url('theme/settingPost')}">
                                            <notempty name="file['more']['widgets']">
                                                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                                    <foreach name="file['more']['widgets']" item="widget" key="widgetName" index="index">
                                                        <div class="panel panel-default">
                                                            <div class="panel-heading">
                                                                <!--<a role="button" data-toggle="collapse" data-parent="#accordion"-->
                                                                <!--href="#collapse-{$widgetName}">-->
                                                                <!--{$widget.title}-->
                                                                <!--</a>-->
                                                                <input class="form-control-widget-title" type="text" value="{$widget.title}"
                                                                       name="widget[{$widgetName}][title]">
                                                                <label class="checkbox-inline pull-right">
                                                                    <php>$display_checked=empty($widget['display'])?'':'checked';</php>
                                                                    <input type="checkbox" name="widget[{$widgetName}][display]" value="1"
                                                                           {$display_checked}>
                                                                    显示
                                                                </label>
                                                            </div>
                                                            <div id="collapse-{$widgetName}" class="panel-collapse collapse in" role="tabpanel">
                                                                <div class="panel-body">
                                                                    {:_parse_vars($widget.vars,'widget_vars['.$widgetName.']',1,$widgetName)}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </foreach>
                                                </div>
                                                <else/>
                                                <div>本页面没有设置任何组件</div>
                                            </notempty>
                                            <div class="form-group" style="display:none;">
                                                <input type="hidden" name="id" value="{$file.id}">
                                                <button type="submit" class="btn btn-primary js-ajax-submit" id="submit-btn">{:lang('SAVE')}</button>
                                            </div>
                                        </form>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    <include file="theme/scripts"/>
</body>
</html>